<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    一、webpack介绍
    webpack模块打包工具，会分析模块之间的依赖关系，然后使用loader处理他们，最后生成一个优化并合并后的静态资源
    简单地说
    就是打包工具，压缩各种静态资源的工具

    二、目的
    性能优化
    减少浏览器像服务资源的请求次数
    节约服务器的宽带资源

    三、如何使用webpack
    使用webpack之前要先搭建node环境

    四、如何打包js
    1、先创建webpack的配置文件：webpack.config.js
    注意：
    main.js文件是我们要打包的文件
    build.js是我们打包后的输出文件
    2、在package.json配置build
    3、引文件(注意要引打包后的build.js文件)
    4、在终端执行npm run build
    



    
</body>
</html>